@charset "utf8";

$themecolor:#482936;
$daColor: #482936;
$sanColor: #3483F5;
$themeBg: #F7F7F7;
$lineColor:#EBEBEB;
$borderRadius: 8px;
$popBorderRadius: 16px;
$safeHeightConstant: constant(safe-area-inset-bottom);
$safeHeightEnv: env(safe-area-inset-bottom);

page {
  --button-danger-background-color: #C00000;
  --button-danger-border-color: #D60000;
  --button-primary-background-color: #482936;
  --button-primary-border-color: #482936;
  background: #fff6fa;
}

.sides {
  padding: 0 20rpx;
}

%oneellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

%twoellipsis{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

%richtextcom{  
    z-index: 1;   
    transform: translateZ(0px);  
    ::v-deep *{
      max-width: 100%;
      word-wrap: break-word;
      font-size: 28px; 
      line-height: 48px;
      text-align: justify;
    }
    img{
      max-width: 100%;
    }   
}

%beforeIcon{
  position: relative;
  top: 2px;
  display: inline-block;
  // content: '';
  width: 6px;
  height: 30px;
  margin-right: 13px;
  border-radius: $borderRadius;
  // background: $themecolor;
}

%justified-text {
  content: '';
  display: inline-block;
  width: 100%;
}

%input-placeholder{
  &::-webkit-input-placeholder {
    color: #c0c0c9;
    font-weight: normal;
  }
  &::-moz-placeholder {
    color: #c0c0c9;
    font-weight: normal;
  }
  &:-moz-placeholder {
    color: #c0c0c9;
    font-weight: normal;
  }
  &:-ms-input-placeholder {
    color: #c0c0c9;
    font-weight: normal;
  }
}

%popTitleLine{
  display: flex;
  align-items: center;
  font-size: 34px;
  font-weight: bold;
  color: #2953FF;
  &::before{
    display: inline-block;
    content: '';
    width:56px;
    height: 3px;
    margin-right: 30px;
    background-image: linear-gradient(-270deg, rgba(238,238,238,0.00) 0%, #2953FF 100%);
    border-radius: 1.5px;
  }
  &::after{
    display: inline-block;
    content: '';
    width:56px;
    height: 3px;
    margin-left: 30px;
    background-image: linear-gradient(270deg, rgba(238,238,238,0.00) 0%, #2953FF 100%);
    border-radius: 1.5px;
  }
}

.pswp{
  z-index: 9005;
}
[class*=van-hairline]::after{
    border-color:#E1E1E1;
}

.van-picker__toolbar{
    height: 50px;
    border-bottom: 1px solid #E5E5E5;
    .van-picker__cancel{
      padding: 0 29px;
      font-size: 15px;
      color: #5F5F5F;
    }
    .van-picker__confirm{
      padding: 0 29px;
      font-size: 15px;
      font-weight: bold;
      // color: $themeColor;
    }
}
.van-picker__columns{
    padding: 0 40px;
    box-sizing: border-box;
    .van-picker-column{
      // &:nth-child(3){
      //   display: none;
      // }
      ul{
        li{
          font-size: 16px;
          color: #767676;
          &.van-picker-column__item--selected{
            font-size: 18px;
            font-weight: bold;
            // color: $themeColor;
          }
        }
      }
    }
}
.van-popover__action{
  width: auto;
}
.van-list__error-text, .van-list__finished-text, .van-list__loading{
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.28rem;
  padding:1.3% 0;
}
.swiper-pagination-bullet-active{
  // background: $themeColor;
}

iframe{
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  left: 0;
}

.officialVerify{
  .van-toast__icon{
    font-size: 50px;
  }
  .van-toast__text{
    margin-top: 4px;
    font-size: 12px;
  }
}
// 协议
.protocol-con{
  background-color: #fff;
}

//css3
@keyframes zoomIn{
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomIn{
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  50% {
    opacity: 1;
  }
}
